<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
ul li {
	font-family: Tahoma, Arial;
	font-size:12px;
	list-style-type:none;
	background-color:#ededed;
	padding:5px;
	padding-left:3px;
	padding-right:3px;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
	color: #999999;
	width:20px;
	display:inline;
	text-align:center;
}
a{
color:#333333
}
.dia {
background-color:#666666;
color:#CCC;
font-size:10px;
}
.mes {
background-color:#666666;
color:#CCC;
font-size:10px;
width:182px;
font-size:12px;
font-weight:bold;
}
.contenedor_calendario {
width:230px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
//VARIABLES QUE RECOGEN LA FECHA DEL EQUIPO
function date() {
var fecha_actual = new Date()
dia_mes = fecha_actual.getDate()
dia_semana = fecha_actual.getDay()
mes = fecha_actual.getMonth() + 1

//ARRAYS GENERALES
var meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
var numdias = new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31);
var enlaces = new Array(
/*01*/null,
/*02*/null,
/*03*/null,
/*04*/null,
/*05*/"http://www.google.com",
/*06*/null,
/*07*/null,
/*08*/null,
/*09*/null,
/*10*/null,
/*11*/null,
/*12*/null,
/*13*/null,
/*14*/null,
/*15*/null,
/*16*/null,
/*17*/null,
/*18*/null,
/*19*/null,
/*20*/null,
/*21*/null,
/*22*/null,
/*21*/null,
/*23*/null,
/*24*/null,
/*25*/null,
/*26*/null,
/*27*/null,
/*28*/"http://www.yahoo.com",
/*29*/null,
/*30*/null,
/*31*/null
)

//DETERMINAMOS EL NUMERO DE DIAS QUE TIENE EL MES ACTUAL
var diasmesact = 1;
if((mes==1)||(mes==3)||(mes==5)||(mes==7)||(mes==8)||(mes==10)||(mes==12)){
diasmesact = 31;
}
else if(mes==2){
diamesact = 28;
}
else {diasmesact = 30;
}

//PARA ASIGNAR EL NUMERO DE DIAS EN BLANCO ANTES DEL DIA 1
for(x=dia_mes; x>1; x--){
if(dia_semana==0){dia_semana=7}
dia_semana--
var dia_semanact = dia_semana-1;
}
if(dia_semanact==-1){dia_semanact=6}

//ESCRIBE EL CALENDARIO EN PÁGINA
document.write("<ul>");
document.write("<li class='mes'>" + meses[mes-1] + "</li>");
document.write("<li class='dia'>LU</li><li class='dia'>MA</li><li class='dia'>MI</li><li class='dia'>JU</li><li class='dia'>VI</li><li class='dia'>SA</li><li class='dia'>DO</li>")	
	for (j = 0; j < dia_semanact; j++) {
	document.write("<li>&nbsp;</li>")
	}
	for (i = 0; i < diasmesact; i++) {
	document.write("<li>")
	if(enlaces[i]!=null){
	document.write('<a href="' + enlaces[i] + '">' + numdias[i] + '</a>')
	}
	else {
	document.write(numdias[i])
	}
	document.write("</li>")
	}
document.write("</ul>");
}
</script>

</head>

<body>
<div class="contenedor_calendario">
<script language="JavaScript" type="text/javascript">
date()
</script>
</div>
</body>
</html>
